{% extends 'base.html' %}
{# 读取静态资源 #}
{% load static %}


{% block content %}
    <div class="layui-body">
        <div style="padding: 15px;">
            <div class="layui-layer-shade" id="layui-layer-shade1" times="1"
                 style="z-index: 19891014; background-color: rgb(0, 0, 0); opacity: 0.9;"></div>
            <div class="layui-layer layui-layer-page" id="layui-layer1" type="page" times="1" showtime="0"
                 contype="string"
                 style="z-index: 19891015; width: 1100px; height: 550px; position: fixed; top: 94px; left: 214px;">
                <div class="layui-layer-title" style="cursor: move;">
                    {{ title }}
                </div>
                <div class="layui-layer-content" style="height: 499.2px;">
                    <div style="padding: 16px;">
                        <div class="layui-col-md6">
                            <div class="layui-card">
                                <div class="layui-card-header" style="height: 0%">
                                </div>
                                <div class="layui-card-body">
                                    <img src="{{ img.url }}">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md6">
                            <div class="layui-card">
                                <div class="layui-card-header" style="height: 0%">
                                </div>
                                <div class="layui-card-body">
                                    <h2>评分：{{ book.rating }}</h2>
                                    <hr>
                                    <h2>阅读次数：{{ book.readCount }}</h2>
                                    <hr>
                                    <h2>收藏数量：{{ book.likes }}</h2>
                                    <br>
                                    <br>
                                    <h2>简介：{{ book.details }}</h2>
                                    {#                                    <h2>简介： </h2>#}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-layer-setwin">
                    <a href="{% url 'index:index' %}">
                        <span class="layui-icon layui-icon-close layui-layer-close layui-layer-close1"></span>
                    </a>
                </div>
                <span class="layui-layer-resize"></span>
            </div>
        </div>
    </div>
{% endblock content %}